@CHARSET "UTF-8";



/* RAZ */
* {
	margin: 0px;
	padding: 0px;
	position: relative
}


/* polices */
@font-face {
    font-family: 'Y2K_neophyte';
	src: url('Y2K_neophyte.ttf');
}
@font-face {
    font-family: 'lovely';
	src: url('lovely.ttf');
}
@font-face {
    font-family: 'Chalkduster';
	src: url('Chalkduster.ttf');
}
@font-face {
    font-family: 'Brandish Regular';
	src: url('Brandish Regular.ttf');
}


/* all */
#all{
	width:950px;
	margin: 0px auto;
}


/* wrapper */
#wrapper{
	position: relative;
	background-image: url("images/fond-simple.gif");
	width:950px;
	min-height: 1500px;
	margin :auto;
	-webkit-box-shadow: 1px 1px 12px #555;
	-moz-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


/* body */
body {
	padding: 10px;
	font-family: 'Y2K_neophyte';
	background-color: #f4f6d6;
	font-size: 10pt;
}


/* Côté Détente */
#headleft{
	top: 20px;
	margin: 0px auto;
	width: 220px;
	height: 119px;
}


/* authentification */
input {
	width: 77px;
}
input[type="submit"]{
	width: 80px;
}
#auth {
	position: absolute;
	width: 90 px;
	float: right;
	top: 20px;
	right: 50px;
  	z-index:110;
	background-color: rgba(192,206,0,0.6);
	padding: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#auth h3{
	color: #c5007b;
	text-align: center;

}
#auth .sep{
	display : block;
	height: 5px;
}	
#inscription{
	position: relative;
	margin-top: 50px;
}
#administrer{
	position: relative;
}

/* images en haut à gauche */
#extra{
	position: absolute;
	top: 235px;
	left: 105px;
	background: url("images/cabine.jpg");
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: solid 2px #c0ce00;
	width: 150px;
	height: 150px;
	z-index: 98;
}
#extra:hover{
	background: url("images/cabinegde.jpg");
	width: 300px;
	height: 300px;
}

#extra1{
	position: absolute;
	background: url("images/cabine2.jpg");
	top: 135px;
	left: 215px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: solid 2px #c0ce00;
	width: 150px;
	height: 150px;
	z-index: 99;
}
#extra1:hover{
	background: url("images/cabine2gde.jpg");
	width: 300px;
	height: 300px;
}
#extraEricson{
	position: absolute;
	top: 300px;
	left: 270px;
	background: url("images/logoEricsonLab.jpg");
	width: 90px;
	height: 120px;
	z-index: 97;
}

/* images en bas à droite */
#extra5{
	position: absolute;
	background: url("images/pieds-html-pte.jpg");
	top: 570px;
	left: 720px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: solid 2px #c5007b;
	width: 150px;
	height: 150px;
}
#extra5:hover{
	background: url("images/pieds-html-gde.jpg");
	left: 570px;
	width: 300px;
	height: 300px;
	z-index:101;
}

#extra4{
	position: absolute;
	background: url("images/oeil-html-pte.jpg");
	top: 770px;
	left: 720px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: solid 2px #c5007b;
	width: 150px;
	height: 150px;
}
#extra4:hover{
	background: url("images/oeil-html-gde.jpg");
	left: 570px;
	width: 300px;
	height: 300px;
	z-index:102;
}

#extra3{
	position: absolute;
	background: url("images/femmetete-html-pte.jpg");
	top: 970px;
	left: 720px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: solid 2px #c5007b;
	width: 150px;
	height: 150px;
}
#extra3:hover{
	background: url("images/femmetete-html-gde.jpg");
	left: 570px;
	width: 300px;
	height: 300px;
	z-index:103;
}

#extra2{
	position: absolute;
	background: url("images/femmecorps-html-pte.jpg");
	top: 1170px;
	left: 720px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: solid 2px #c5007b;
	width: 150px;
	height: 150px;
}
#extra2:hover{
	background: url("images/femmecorps-html-gde.jpg");
	left: 570px;
	width: 300px;
	height: 300px;
	z-index:104;
}

#menuPrincipal{
	position: absolute;
	top: 460px;
	width: 750px;
	left: 100px;
	background-color: rgba(255,255,255,0.7);
	border: solid 2px #c0ce00;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
#menu                    /*-----pour le menu horizontal-------*/
{
    width: 750px;    
	height: auto;	/*-----important pour IE7, mettre une hauteur auto sinon pas de menu deroulant------*/
	list-style-type: none;  /*-----pas de puce-----*/
	padding: 0; 	/*-----marge interne à 0 et bordure à 0 pour ne pas avoir de soucis avec les différents navigateurs-----*/
	z-index:100;
	}
#menu > li            /*------uniquement pour la liste de premier niveau-------*/
{
	float: left;        /*------permet de mettre les items <li> horizontalement------*/
	width: 125px;          /*------je donne une largeur à mes cellules-------*/	
	padding: 0;
	border: 0;
}
#menu li:nth-child(1){
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
#menu li:nth-child(6){
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

#menu li a                   /*------pour les liens de premier niveau-------*/
{
	display: block;        /*------pour mettre mes liens en block------*/
	color: #c5007b;         /*------donne une couleur à la police------*/
	/*background-color: rgb(192, 206, 0);  */ /*------je donne un fond solide par sécurité pour les navigateurs qui ne reconnaissent pas la transparence-----*/
	/*background-color: rgba(192, 206, 0,1);*/     /*------fond transparent reconnus par les bons éléves-----*/
	margin: 0;                                /*------mettre tout le monde d'accord--------*/
	padding: 14px 8px;                         /*-----marge interne----*/
	text-align: center;                 /*-----une bordure extérieur-------*/
	text-decoration: none;               /*-----pas de décoration pour mes liens-----*/

}

#menu li:hover {     /*-------une couleur de fond au survol sur mes liens-------*/
	background-color: rgb(197, 0, 123);
	background-color: rgba(197, 0, 123, 0.8);
}
#menu li a:hover {     /*-------une couleur de fond au survol sur mes liens-------*/
	color: #c0ce00;
}
/*---------------fin du menu de premier niveau-------------*/


#menu .menuderoulant       /*----pour mon menu déroulant-------*/
{
	left: 0px;
	bottom: 50px;
	display: none;          /*------pour le faire disparaitre------*/
	list-style-type: none;  /*-------pas de puce-------*/
	margin: 0;              /*------pas de marge interne et externe ni bordure pour mettre tout le monde d'accord--------*/
	padding: 0;
	border: 0;
	position:absolute;   /*------pour ne pas pousser un éventuel texte dessous-----*/
}
#menu .menuderoulant li         /*-------pour ma liste de deuxième niveau-------*/
{
	margin: 0;
	border: 0;
	width: 125px; /*----------je donne une largeur à mes cellules de sous menu----------*/
	height:	30px;
	border-top: 1px solid transparent;       /*-----des bordures transparentes pour espacer mes cellules-----*/
	border-right: 1px solid transparent;
	background-color:rgb(192, 206, 0);
	background-color:rgba(192,206,0,0.7);
}
#menu .menuderoulant li:nth-child(1){
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 0px;

}

#menu .menuderoulant li a         /*---------pour mes liens du menu deroulant---------*/
{
	padding: 4px 0px;
	display: block;
	color: #c5007b;
	margin: 0;
	border: 0;
	text-decoration: none;

}
#menu .menuderoulant li:hover{
	background-color: rgb(197, 0, 123);
	background-color:rgba(197,0,123,1);
}
#menu .menuderoulant li a:hover       /*------pour le survol du sous menu-------*/
{
	color: #c0ce00;
}

#menu li:hover > .menuderoulant { 
	display: block;
}    /*------pour faire apparaitre notre sous menu au survol du menu de premier niveau------*/

/* footer */
#footer {
	position: relative;
	bottom:0px;
	background-color: white;
	width: 250px;
	margin: auto;
	padding: 20px;
	text-align: center;
	font-size: 0.9em;
}


/* liens */
a:link, a:visited {
	text-decoration: none;
	color: #c0ce00;
	font-weight: bold;
	font-size: 14px;
}
a:hover {
	text-decoration: underline;
}

#presentation{
	margin-top:0px;
	margin-bottom: 30px;
	margin-left: 390px;
	width: 350px;
	min-height: 250px;
	font-family: 'Chalkduster';
	font-size: 12px;
	color: #c5007b;
	text-align:justify;
}
#presentation ul {
	margin: 10px 0px 10px 30px;
}
#presentation li {
	list-style-type: disc;
}
#dureeSoins{
	margin-left: 390px;
	padding-bottom: 10px;
	padding-top:40px;
	width: 350px;
	min-height: 250px;	
	font-family: 'Chalkduster';
	font-size: 13px;
	color: #c5007b;
	text-align:justify;
}

.sousTitre{
	font-family: 'Y2K_neophyte';
	font-size: 14px;
	font-weight: bold;
	color: #c0ce00;
}

#tableau{
	margin-left: 200px;
	margin-top: 140px;
	width: 500px;
	min-height: 900px;
	font-family: 'Y2K_neophyte';
	font-size: 14px;
	color: #c5007b;
	text-align:justify;
}
h2{
	font-family: 'Chalkduster';
	font-size: 16px;
	background-color: #c5007b; 
	color: white;
	width: 220px;
	text-align:center;
	padding: 8px;
	margin-top: 40px;
	margin-left: 155px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


#tarifs{
	width: 430px;
	margin-left: 25px;
	margin-top: 65px;
}


.prix{
	right: 0px;
	top: 15px;
	text-align: right;
}
.titre{
	left: 0px;
	top: 15px;
}

.souligne {
	border-bottom: dotted 2px #c5007b;
	position: relative;
	height: 30px;
	
}
.souligne span {
	background-color: white;
	position: absolute;
}
.description{
	margin:5px 0px 10px 0px;
	font-size: 12px;
}

.msgErreur{
	font-family: 'Y2K_neophyte';
	color: #c5007b
}

.espace{
	padding: 40px;
}

#calendrier{
	margin: auto;
	width: 300px;
	text-align: center;
	font-family: 'Brandish Regular';
}

#calendrier td , #calendrier th{
	width: 40px;
	height: 40px;
	
}


.haut
{
	
	font-size:18px;
	font-family: 'Y2K_neophyte';
	margin: auto;
	width: 300px;
	text-align: center;
}

.horaires{
	text-align: right;
}
#soins
{
	color:#c0ce00;
	font-size: 20px;
	font-weight: bold;
}
.joursOuverture{
	color: #c0ce00;
	text-align: left;
}

iframe
{
	margin-left:50px;
}
.heureRDV td{
	font-weight: bold;
	text-align: center;
	
}
.mms{
	color: #c0ce00;
	font-weight: bold;
	font-size: 16px;	
}
.boutonRadio{
	width:50px;
}
.colonneHeure td{
	width: 300px;
}

.titreNews {
	padding: 10px;
	border-bottom:solid 1px #c0ce00;
	font-family: 'Y2K_neophyte';
	width:400px;
	color: #c5007b;
	font-size: 16px;
	font-weight: bold;

}
.descriptionNews {
	width:400px;
	padding: 10px;
	font-family: 'Y2K_neophyte';
	color: #c5007b;
}

.dateNews {
	width:400px;
	padding: 10px;
	font-family: 'Y2K_neophyte';
	color: #c0ce00;
	font-size: 10px;
	text-align:right;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
}
.contourNews {
	width:420px;
	-webkit-box-shadow: 1px 1px 12px #555;
	-moz-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
}
#presentation h3{
	color: #c0ce00;
}

#dureeSoins span{
	color: #c0ce00;
}

input[type="text"]{
	border-radius:10px;
	text-align:center;
	width: 250px;
	margin-right: 30px;
	margin-left: 30px;
	margin-top:10px;
	margin-bottom: 10px;
}
#tableau input[type="password"]{
	border-radius:10px;
	text-align:center;
	width: 250px;
	margin-right: 30px;
	margin-left: 30px;
	margin-top:10px;
	margin-bottom: 10px;
}
label{
	margin-top: 20px;
	margin-bottom: 10px;
}
#formulaire_modification{
	width:400px;
	margin: auto;
	padding-top: 30px;
}
#formulaire_modification h3{
	color: #c0ce00;
	border-bottom: solid 1px #c0ce00;
	margin-bottom: 10px;
	margin-top: 20px;
}
#formulaire_modification h2{
	margin-left: 110px;
}

#prix{
	font-family: 'Y2K_neophyte';
	font-size: 10px;
	width: 300px;
	margin: auto;
	padding: 50px;
}